

<template>
  <el-container>
    <el-header>
      <common-header/>
    </el-header>
    <el-main>
      <el-card>
        <router-view></router-view>
      </el-card>

    </el-main>
  </el-container>

</template>


<script>
import CommonHeader from "./CommonHeader.vue";
export default {
  data(){
    return {}
  },
  components:{
    CommonHeader
  }
}
</script>
<style>
  /* 容器占满整个父组件 */
.el-container {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* 主区域自动填充剩余高度 */
.el-main {
  flex: 1;
  padding: 0;
  display: flex;
}

/* 卡片占满主区域 */
.el-card {
  flex: 1;
  margin: 20px; /* 根据需求调整间距 */
  box-sizing: border-box;
}
</style>
